<%@taglib prefix="botDetect" uri="botDetect"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

<link rel="stylesheet" href="<c:url value="css/loginForm.css" />"
	type="text/css" />
<link rel="stylesheet" href="<c:url value="css/bootstrap.min.css" />"
	type="text/css" />

<div class="container">
	<div class="row vertical-offset-100">
		<div class="col-md-4 col-md-offset-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title" style="font-style:italic; text-align: center;"><b>PLEASE SIGN IN</b></h3>
				</div>
				<div class="panel-body">
					<c:if test="${not empty errorMessage}">
						<div class="alert alert-success" role="alert">${errorMessage}</div>
					</c:if>
					<form name="login-form" class="login-form"
						action="<c:url value='/j_spring_security_check'/>" method='POST'>
						<fieldset>
							<div class="form-group">
							
								<input type="text" name="loginId" id="loginId"
									class="form-control" placeholder="Input your username" />
							</div>
							<div class="form-group">
								<input type="password" name="password" id="password"
									class="form-control" placeholder="Input your password" />
							</div>
							<div class="form-group">
								<botDetect:captcha id="springFormCaptcha" codeLength="4"
									imageWidth="300" />
								<br /> <input id="captchaCodeTextBox" type="text" class="form-control" 
									name="captchaCodeTextBox" /><br>
							</div>
							<input class="btn btn-lg btn-success btn-block" type="submit"
								value="Login">
						</fieldset>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>